import styled from 'styled-components'

export const NewAlbumWrapper = styled.div`
  margin-top: 38px;
  margin-bottom: 10px;
  .content{
    position:relative;
    position: relative;
    display: flex;
    /* 设置主轴排序方式 */
    justify-content: center;
    /* 设置侧轴排序方式 */
    align-items: center;
    height: 186px;
    margin: 20px 0 37px;
    border: 1px solid #d3d3d3;
    background-color: #f5f5f5;

    .inner {
      width: 640px;
      height: 150px;
      .page{
        display: flex !important;
        justify-content: space-between;
      }
    }
  }

  .arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-position-y: -76px;
    cursor: pointer;
  }

  .arrow-left {
    left: 5px;
    background-position-x: -261px;
  }

  .arrow-right {
    right: 5px;
    background-position-x: -294px;
  }

`